<template>
	<uni-card title="视频教程" sub-title="副标题" extra="额外信息" :thumbnail="avatar" @click="onClick">
		<view class="video">
			<video id="myVideo" src="../../static/video/first.mp4"></video>
		</view>
	</uni-card>
</template>

<script>
	export default {
		name: "pages-home-useVideo",
		data() {
			return {
				avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
			}
		},
		methods: {
			onClick(e) {
				console.log(e)
			},
		}
	}
</script>

<style lang="less">
	.uni-card {
		.video {
			width: 100%;
			height: 400rpx;
			// background-color: antiquewhite;
		}
	}
</style>
